body {font-family: 'Maicrosoft Yahei'}
#myTab li a{padding: 10px; color: #000;}
#myTab li.active a{color: #ab2212; background: #f5f5f5}
.my-list-group {margin-top: 20px;}
.my-list-group .list-group-item {border: none; margin: 10px 0; background: #fff; border-radius: 6px; overflow: hidden; box-shadow: 0px 3px 3px #A1A1A1;}
.vertical-align {position: absolute; top: 50%; transform: translateY(-50%)}
.fullscreen {position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #fff; display: none;}
.redColorBg{background-color: #ab2212;}

/* set the style of goods status */
.goods-status-img {
  position: relative;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 2px solid #F5784A;
  transform: rotateZ(-25deg);
}
.goods-status-img::before {
  content: '';
  position: absolute;
  top: 8px;
  left: 8px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 2px solid #FA9976;
}
.goods-status-img.over,
.goods-status-img.over::before
 {
  border-color: #E4E4E4;
}
.goods-status-img.over > span{
  color: #E4E4E4;
}
.goods-status-img > span {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  background: #fff;
  width: 65px;
  transform: translate(-50%, -50%);
  font-family: '微软雅黑';
  font-size: 20px;
  font-weight: bold;
  color: #F5784A;
}
/* add two line to the title */
.info-title:first-child {margin-top: 20px;}
.info-title {position: relative;}
.info-title::before {
  content: '';
  position: absolute;
  top: 40%;
  left: 0;
  width: 38%;
  height: 1px;
  background: #eee;
}
.info-title::after {
  content: '';
  position: absolute;
  top: 40%;
  right: 0;
  width: 38%;
  height: 1px;
  background: #eee;
}
/* goods item begin */
.text-12px {font-size: 12px;}
.text-14px {font-size: 14px;}
.text-16px {font-size: 16px;}
.right-arrow-sm {width: 12px; height: 12px; margin-left: 10px; }

.my-list-group .list-group-item {padding: 0; letter-spacing: 1px;}
.my-list-group .list-group-item > a {display: block; text-decoration: none; color: #000;}

.goods-title, .good-content {padding: 0 15px;}
.goods-title {padding: 8px 15px; font-size: 12px;}

.good-content {padding: 10px 15px; display: flex; border-top: 1px solid #CAC7C7; border-bottom: 1px solid #CAC7C7;}
.goods-img { width: 80px; height: 80px; order: 1; background: #fff;}
.goods-desc { height: 36px; order: 2; flex-grow: 1; padding: 5px 10px; overflow: hidden} 
.goods-status { width: 80px; height: 80px; order: 3;}
.goods-status img {height: 100%;}
.goods-img img {height: 100%;}

.goods-foot {padding: 10px 15px;}
.goods-foot:not(:last-child) {border-bottom: 1px solid #CAC7C7; } 
.goods-foot p {margin: 0;}

.user-info p {margin: 0;}
.user-info p:first-child {margin-bottom: 10px;}
/* goods item end */

/* comment page begin */

/* comment page end */
